<header>
    <div class="b-shadow">
        <a href="" class="back-btn" ng-click="back()" ng-if="showback"></a>
        <h1>我的收藏</h1></div>
</header>
<div zm-scroll="" no-bottom="true" srcroll-ref="true">
    <ul class="userfav-nav b-shadow clearfix">
        <li ng-class="{current:stageIndex == 0}"><a href="" ng-click="changeStage(0)"><i class="icon-d"></i>美甲师</a></li>
        <li ng-class="{current:stageIndex == 1}"><a href="" ng-click="changeStage(1)"><i class="icon-p"></i>作品</a></li>
    </ul>
    <div class="switch-container" ng-switch="" on="stageIndex" style="padding-top:42px">
        <div class="userfav-d-list" ng-switch-when="0">
            <ul ng-show="arts.length > 0">
                <li class="d-item" ng-repeat="art in arts"><a href="#/designer/{{art.artisan_id}}">
                    <div class="avatar"><span
                            style="background-image:url(http://xxxxxx/zmw/{{art.avatar}})"></span></div>
                    <div class="info">
                        <ul class="t-c-d">
                            <li class="name">{{art.nick}}<span class="rank-1"></span><span class="rank-2"></span><span
                                    class="rank-3"></span></li>
                            <li><span class="price">均价:￥{{art.average_price}}</span><span class="pull-right count">接单{{art.service_amount}}次</span>
                            </li>
                            <li>
                                <div class="star">
                                    <div zhi-star="{{artisan.star_type}}" data-zhi-star-rate="{{artisan.star_rate}}">
                                    </div>
                                </div>
                                距您<span ng-bind-html="art.distance | num2mi"></span></li>
                        </ul>
                        <a href="" class="btn betbtn whitebtn fav-btn"
                           ng-click="cancelFav(art.artisan_id,$index,'designer')">取消收藏</a>
                    </div>
                </a></li>
            </ul>
            <div ng-show="noArtis" style="padding:30px 0; text-align: center; font-size: 14px">暂无收藏！</div>
        </div>
        <div class="userfav-p-list" ng-switch-when="1">
            <ul ng-show="products.length > 0">
                <li ng-repeat="product in products"><a href="#/product/{{product.product_id}}">
                    <div class="cover"><img ng-src="http://xxxxxx/zmw/{{product.cover_pic}}" alt=""></div>
                    <div class="info">
                        <div class="pll-right">
                            <div class="price-tag pull-right"><strong>优惠价: </strong>￥{{product.zhima_price}}</div>
                        </div>
                        <div class="c"><h6>{{product.name}}</h6>

                            <p>店面:{{product.artisan_nick}}</p>

                            <p>服务时长:{{product.work_time | setS2H}}</p></div>
                    </div>
                </a><a href="" class="btn betbtn whitebtn fav-btn"
                       ng-click="cancelFav(product.product_id,$index,'product')">取消收藏</a></li>
            </ul>
            <div ng-show="noProducts" style="padding:30px 0; text-align: center; font-size: 14px">暂无收藏！</div>
        </div>
        <div class="loadIndicator animate-show" ng-show="loading">{{loadingMsg}}</div>
    </div>
</div>